<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>聚合支付</title>
    <link rel="stylesheet" href="<?=userassets?>component/pear/css/pear.css" />
    <link rel="stylesheet" href="<?=userassets?>css/juhe.css" />
   
</head>
<body class="pear-container">

<div class="layui-row layui-col-space15">
    <!-- 产品介绍 -->
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header">产品介绍</div>
            <div class="layui-card-body">
                <p>聚合收款是基于一个收款二维码，支持支付宝、微信、QQ等主流支付方式的收款产品。</p>
                <p>商家只需要一个固定的二维码，就可以完成支付宝、微信、QQ等主流支付方式的收款，方便快捷。</p>
            </div>
        </div>
    </div>

    <!-- 聚合收款配置 -->
    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">聚合收款配置</div>
            <div class="layui-card-body">
                <div class="layui-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">自定义名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="codename" placeholder="请输入自定义名称" value="<?=$this->userrow['codename']?>" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item save-button-wrapper">
                        <div class="layui-input-block">
                            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="save_config">保存</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 你的聚合收款链接 -->
        <div class="layui-card">
            <div class="layui-card-header">你的聚合收款链接</div>
            <div class="layui-card-body">
                <p>你可以将收款链接发到QQ、微信等聊天工具，别人点击后可以直接输入金额付款。</p>
                <input type="text" class="layui-input" value="<?=$code_url?>" readonly id="code_url">
                <button class="layui-btn layui-btn-normal" id="copy_link">点击复制</button>
            </div>
        </div>
    </div>

    <!-- 你的聚合收款码 -->
    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">你的聚合收款码</div>
            <div class="layui-card-body">
                <div class="layui-form">
                    <div class="layui-form-item">
                        
                        <label class="layui-form-label">选择收款码风格</label>
                        <input type="hidden" id="recName" value="<?=$this->userrow['codename'] ?: $this->userrow['username']?>">
                        <div class="layui-input-block">
                            <select id="styleName"  lay-filter="styleName" class="layui-select" >
                                <option value="dongxue">风格1-冬雪</option>
                                <option value="pikaqiu">风格2-皮卡丘</option>
                                <option value="kanuobudingmao">风格3-布叮猫</option>
                                <option value="niannianyouyu">风格4-年年有余</option>
                                <option value="xiaohuangren">风格5-小黄人</option>
                                <option value="qitao">风格6-乞讨</option>
                                <option value="baobei">风格7-宝贝</option>
                                <option value="toushi">风格8-投食</option>
                                <option value="gongzhu">风格9-公主</option>
                                <option value="qiuzanzhu">风格10-求赞助</option>
                                <option value="huanyingdashang">风格11-欢迎打赏</option>
                                <option value="yinlian">风格12-银联</option>
                                <option value="yitiji">风格13-一体机</option>
                                <option value="maomi">风格14-猫咪</option>
                                <option value="longmao">风格15-龙猫</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="qr-code-container">
                    <p>扫码向<?=$this->userrow['codename'] ?: $this->userrow['username']?>付款</p>
                    <div id="load"><img src="/assets/img/loading.gif">&nbsp;正在生成中</div>
    			    <div id="qrcode" style="display:none;">
        			    <img  alt="收款码" id="endImg" style="max-width: 300px;"/><br/><br/>
        			    <a href="javascript:;" id="downImg" class="layui-btn layui-btn-normal">长按图片或点我保存</a>
    			    </div>
    			    <div class="hide">
        				<div id="code"></div>
        				<canvas id="canvas"></canvas>
        			</div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="<?=userassets?>component/layui/layui.js"></script>
<script src="<?=userassets?>component/pear/pear.js"></script>
<script src="<?=JQueryJS?>"></script>
<script src="<?=userassets?>juhe/jquery.slimscroll.js"></script>
<script src="<?=userassets?>juhe/app.js"></script>
<script src="<?=userassets?>juhe/clipboard.min.js"></script>
<script src="<?=userassets?>juhe/jquery.qrcode.min.js"></script>
<script src="<?=userassets?>juhe/jquery.cookie.min.js"></script>
<script src="<?=userassets?>juhe/onecode.js"></script>
<script src="<?=userassets?>core_js/juhe.js?v=<?=time()?>"></script>

</body>
</html>
